<template>
    <div>
        <sky-card :shadow="'hover'">
            空白卡片
        </sky-card>
        <SkyHiddenPanel title="代码">
            <div class="prewrap" v-highlight>
                <!-- 使用指令 -->
                <pre>
          <code class="html">
              //shadow 参数
              //on -> 有阴影 默认
              //hover -> 鼠标放上有阴影
              //off -> 没有阴影

              &lt;sky-card :shadow="'hover'"&gt;
                空白卡片
              &lt;/sky-card&gt;


          </code>
      </pre>
            </div>
        </SkyHiddenPanel>
    </div>
</template>

<script>
    import SkyCard from "../../skylibrary/packages/Card/SkyCard";
    export default {
        name: "Card",
        data() {
            return {}
        },
        components: {SkyCard},
        beforeCreate() {
        },
        created() {
        },
        mounted() {
        },
        watch: {},
        methods: {}
    }


</script>

<style scoped lang="scss">

</style>